<!DOCTYPE html>
<html>
	<head>
	    <meta charset="UTF-8">
	    <title>change事件方法</title>
	    <script src="jQuery/jquery-3.7.1.js"></script>
	</head>
	<body>
	    <form>
	        <label>用户名：</label><input type="text" id="username">
	        <label>密码：</label><input type="password">
	        <button type="submit">Submit</button>
	    </form>
	    <script>
	    $(function() {
	        var data = {name: 'Mary', sex: 'female'};
	        // 绑定 change 事件到 type 为 "text" 的 input 元素上
	        $('input[type="text"]').change(data, function(e) {
	        // 使用 e.data.name 获取通过 data 传递的对象中的 name 属性值
	        alert('通过data传入的用户名是：' + e.data.name);
	        });
	    });
	    </script>
	</body>
</html>